body
{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

html {
    font-size: 62.5%;
}



a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
	font-family: dinproregular, Arial, \9ED1\4F53;
}

.fc1
{
}
.fc2{
font-size:12px;
}

.mnav
{
	width: 330px;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	overflow: auto;
    background: #fff;
}
.mnav section
{
	padding: 28px 0 46px 0;
}
.mnav dl
{
	padding: 0 0 0 53px;
}

.mnav dt
{
    font-weight: 700;
	color: #D03335;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	cursor: pointer;
	margin-top: 25px;
}
.mnav dd
{
	padding-left: 10px;
	color: #8E8E8E;
	display:none;
	cursor: pointer;
}
.mnav dd.sss
{
	color:#000000;
}
.mnav dd.sss span
{
	color: #D03335;
	border-bottom: 2px solid #D03335;
}
.mnav .clogo
{
	position: relative;
	margin: 30px 0 30px 5px;
}
.mnav .clogo img
{
	padding: 0 0 0 53px;
	position: relative;
}
.mnav .clogo span
{
	position: absolute;
	right: 30px;
	top: 0;
}
.mnav .clogo span a
{
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-decoration:none;
	margin-bottom: 10px;
	overflow: hidden;
}
.mnav .clogo span a img
{
	width: 22px;
	height: 22px;
	margin: 0;
}
.mnav dl dd
{
	margin: 14px 0 0 0;
	font-size: 14px;
}
.mnav dd span
{
	color: #333;
	text-indent: 1em;
}
.mnav dl.show dt
{

}
.mnav dl.show dd
{
	animation: hideIndex 0.2s;
	-moz-animation: hideIndex  0.2s; /* Firefox */
	-webkit-animation: hideIndex  0.2s; /* Safari and Chrome */
	-o-animation: hideIndex  0.2s; /* Opera */
	display: block;
}
@keyframes hideIndex{
    0%{ opacity: 0; transform: translate(-50px, 0); }
    100%{ opacity: 1; transform: translate(0, 0); }
}
.main
{
	margin-right: 350px;
	padding-bottom:0;
	padding-top: 55px;
}
.fb{
 padding-bottom:25px;
 text-align:center;
 font-size:14px;
}
.fb a {
 font-size:14px;
 color:#333333;
}
.fb a:hover{
 font-size:14px;
 color:#D03335;
}
.main article
{
	width: 100%;
	margin: 0 0 55px;
	border-bottom: 2px solid #D71820;
	padding-bottom: 15px;
	line-height: 26px;
	color: #9a9c9f;
    position: relative;
    overflow: hidden;
	font-size: 13px;
}
.main article h4
{
	color: #D03335;
	margin-top: 9px;
}
.main article h5
{
	color: #D03335;
	margin-bottom: 7px;
}
.main article figure
{
	border:1px solid #9a9c9f;
	font-size:0;
	line-height: 0;
	cursor: pointer;
}
.main article img
{
	max-width: 100%;
}
.main article .desc
{
    position: relative;
}
.main article .desc em
{
	position: absolute;
	width: 18px;
	height: 18px;
	right: 1px;
	bottom: 8px;
	cursor: pointer;
	background-image:  url(../images/zk.png);
	background-size: 18px 18px;
}
.main article .desc em img
{
	width: 18px;
	height: 18px;
}
.main article .html
{
    height:0px;
    overflow: hidden;
    /*max-height: 1px;*/
	font-size: 14px;
	line-height: 28px;
}
.main article .mask
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:#000000;
    display: none;
}
.ccolumns
{
	float: left;
	margin-left: 55px;
}
.main .articleblock_data
{
	padding-left: 30px;
}
.main .articleblock_data article
{
	width: 50%;
}
.articleblock
{
    clear: both;
	overflow: hidden;
}
body.sss
{
}
.main article.sss
{
}
.main article.sss figure
{
}
.main article.sss .html
{
    height: auto;
    padding-bottom: 10px;
    overflow: hidden;
    transition:all .5s;
	color:#333;
}
.main article.sss .html img
{
	max-width:100%;
}
.main article.hhh
{
    opacity: 0.15;
    transition:all 1s;
}
.csearch
{
	margin:25px 30px 0 53px;
	border:1px solid #D03335;
	border-right: none;
	display: none;
}
.csearch label
{
	display: block;
	position: relative;
	overflow: hidden;
	height: 30px;
	cursor: text;
}
.csearch .ctxt
{
	position: absolute;
	top: 9px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline:none;
	text-indent: 9px;
}
.csearch .cbtn
{
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-indent: 999px;
	overflow: hidden;
	background: url("../images/s.svg");
	background-size: 30px 30px;
}
#csearchtit
{
	font-size: 14px;
	margin-bottom: 25px;
	background: #D03335;
	margin-left: 55px;
	position: relative;
	text-decoration: none;
	display: none;
	overflow: hidden;
}
#csearchtit b
{
	display: block;
	height: 36px;
	line-height: 36px;
	margin-left:40px;
	color: #ffffff;
}
#csearchtit i
{
	position: absolute;
	left: 6px;
	top: 0;
	width: 30px;
	height: 36px;
	line-height: 36px;
	background: url("../images/c.png") center center no-repeat;
}
.lx
{
	margin:25px 30px 0 53px;
	font-size:14px;
	line-height:200%;
}
.articleblock_show
{
	overflow: hidden;
}
#mheads
{
	display: none;
	height: 96px;
}
#mheads div
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}
#mheads span
{
	background: #ffffff;
	height: 96px;
	position: relative;
	display: block;
}
#mheads i
{
	width: 20px;
	height: 20px;
	background: url("../images/nav.png") no-repeat 0 0;
	background-size: 20px 20px;
	position: absolute;;
	right: 20px;
	top: 49px;
	cursor: pointer;
}
#mheads em
{
	position: absolute;;
	left: 20px;
	top: 26px;
	cursor: pointer;
}
#mheads em img
{
	height: 43px;
}
/*LOGO*/
 #mheads
{
	height: 65px;
}
 #mheads i
{
	top: 29px;
}
 #mheads span
{
	height: 65px;
}
 #mheads em img
{
	height: 26px;
}
/*LOGO*/
.mnavblock
{
	position: relative;
}
.mnavclose
{
	position: absolute;
	right: 20px;
	top: 15px;
	display: none;
	width: 20px;
	height: 20px;
	line-height: 26px;
	color: #ffffff;
	background: url("../images/qx.svg");
	background-size: 20px 20px;
	text-indent: 20px;
	overflow: hidden;
}
.mnavclose img
{
	width: 20px;
	height: 20px;
}
@media only screen and (max-width: 1200px) {
	.mnav
	{
		display: none;
	}
	.main
	{
		margin-right: 20px;
	}
	.ccolumns
	{
		margin-left: 20px;
	}
	.main article
	{
		margin-bottom: 20px;
	}
	.main
	{
		margin-top: 0;
		padding-top: 0;
	}
	#mheads
	{
		display: block;
	}
	.mnav
	{
		width: auto;
		position: static;
	}
	#csearchtit
	{
		margin-right: 20px;
	}
}
@media only screen and (max-width: 500px) {
	.mnav
	{
		display: none;
	}
	.mnavclose
	{
		display: block;
	}
	.mnav dl
	{
		padding: 0 0 0 20px;
	}
	.squaregif
	{
		width: 162px;
		height: 162px;
		padding: 0 0 0 20px;
	}
	.mnav dt
	{
		margin-top: 20px;
	}
	.mnav section
	{
		padding: 25px 0 20px 0;
	}
	.csearch
	{
		margin: 25px 20px 0 20px;
	}
	.lx{margin:25px 20px 0 20px;}
	.mnav .clogo
	{
		margin: 20px 0 13px 2px;
		display:none
	}
	.mnav .clogo img
	{
		margin-left: 0px;
	}
	.mnav .clogo span a
	{
		width: 30px;
		height: 30px;
	}
	.mnav .clogo span a img
	{
		width: 30px;
		height: 30px;
	}

	.mnav .clogo img
	{
		width: 240px;
		height:60px;
	}
	.main article.hhh
	{
		opacity: 1;
	}
	.mnav .clogo span
	{
		right: 20px;
	}
	.main .articleblock_data
	{
		padding-left: 0;
		padding-right: 20px;
	}
	.main .articleblock_data article
	{
		width: 100%;
	}
}